10 Fancy Contact Form Examples
1. Sky Forms
Sky Forms is set of beautiful form elements.Modern elementsIncludes progressive form elements: input with autocomplete, toggles and ratings.6 designed statesEach form element has 6 states: normal, hover, focus, error, success and disabled.Useful examplesYou can use these examples as a base for creation your own forms simple and fast.To get support please send me an email through the email contact form on my profile page. You can find the HTML PHP contact form on the right side of the page.Important note: support is offered exclusively through the contact form generator and not in comments section.
2. Form Builder
Form Builder is an extraordinary form-creating software! Designing web-based forms has never been easier and fun as it is with Form Builder. It features an easy drag-n-drop GUI, no-coding, stylish Flat, Metro, Bootstrap and Solid form themes, pure CSS style form aspects, as-you-type text validation, and anti-spam capture mechanism.
I created some examples to show you how easy you can use thPHP class (click on “live preview” so see them).You are ready to start… (best would be to start with one of examples from the README)
create all html form types one line code
change the comment CSS file create a new look of form
Public functions of the “Form and Validation”
Functions create the form:
Functions validate the form:
Ajax Contact Form with Attachments and spam control (drag and drop, reCaptcha, ayah) for Wordpress
The w2 Ajax Contact Form Wordpress is a complete solution to create ajax contact form in Wordpress.plugin include features to solve theme conflict (Global Settings section), so if there is a theme conflict and you want to buy plugin you can contact the technical support (send the url of the page where form is displaying) to know the right configuration of Global Settings section to solve theme conflict.Possibility to specify different translatifile for each form (usefull to use several auto-reponder message).New HTML form template HTML5 attribute placeholder. In automatic mode form will use the language of your wordpress.Possibility to update the jQuery contact form plugin translatitext for “en” and “en_US” language in file “js/w2_contact_form/localization/message_en. This system prevents unwanted form data loss when user un-active the plugin. Example you can apply a fade out to form after success submission.Automatic reloading of AYAH form submission.Possibility to use PHP code in HTML source code editor when you integrate form viPHP hard code (feature only available PHP hard code integration).Possibility create mail subject template by including existing form fields value.New feature to integrate form using PHP hard code (directly in your theme files).You can add your own custom file field in your form.Fix bug for fields setting configuration when form have 0 required field.New feature include several form in the same page.New feature to auto-configure the fields settings section by checking HTML elements of form with jquery.New selection page feature to display form in different type of page (page, post, portfolio, products).Multi-selection page feature (to display the same form in several pages).You can create your own HTML template files and automatically add them to your lists template in form editor.You can create your own CSS theme and automatically add them to your lists of Theme in form editor.Full documentation (examples well documented).
Contact, Feedback, Questionnaire and Registration Forms Pack
Contact, Feedback Questionnaire form in animated tabs
Contact form Basic
Contact form Simple
Feedback form Basic
Feedback form Simple
Questionnaire form Basic
Bonus: Questionnaire form Extended in animated tabs
Login, Register & Reset form in animated tabs
Account Reset form
Detailed documentation with examples
Contact us for troubleshooting – we’ll help in no time.- Added new forms: Contact, Feedback Questionnaire form
- Added Login & Registration form tabs Popup mode
3 different form types (vertical, horizontal, columned). More then 30 examples.To get support please send me an email through the email contact form with captcha on my profile page. You can find the contact form HTML on the right side of the page.Important note: support is offered exclusively through the contact form HTML PHP and not in comments section.
A jQuery form generator for creating unlimited slide-out static contact tabs containing AJAX powered customised forms. Plugin includes 12 different form elements and client-side validation. Add multiple tabs, each with its own custom form or use the built-default standard contact form. All form HTML styling generated by the plugin.Available Form Elements
URL field for including URL page where form was submitted
jQuery Contact Tabs Features
Create custom forms with 12 different form elements
Submit form viAJAX
Includes validation options for HTML input type button
Show/hide slide out tabs change active contact tab using external links.Default contact form very easy to use – just add a single div tag to your web page & initialize the plugin!
Multiple examples including configurable demo form samples.jQuery Contact Tabs Demos
Multiple Contact Forms
Sky Forms Pro is set beautiful form elements with large amount javascript features: validation, masking, modals, ajax submit, datepickers.Modern ElementsIncludes progressive form elements: input with autocomplete, toggles and ratings.Modal FormsYou don’t have enough space for the form? It’s not a problem! Use any form in modal window.6 designed statesEach form element has 6 states: normal, hover, focus, error, success and disabled.26 Useful ExamplesYou can use these examples as a base for creation your own forms simple and fast.Lifetime SupportTo get support please send me an email through the wordpress email contact form on my profile page.jQuery Form Plugin by jQuery Foundation
Optionally: you can add map container that will display an interactive map with HTML form builder location finding capabilities and form that will be populated with the complete address details including latitude longitude coordinates.Installation is quick simple to do and the files include 10 awesome examples of various uses and configuratimethods to use the plugin. The remaining details will be completed for you and if you include additional form elements or map container they will be filled in with the appropriate content. If you click button the site should first ask for your permission locate you (if you haven’t already approved it) and then the site will automatically attempt to find your location, as close as possible map it and fill in the form.formMapper() will run, form address elements will be filled in, and map will be shown.By conguring form slightly you can handle multiple results.In addition to being able to fill in form by entering an address, you could search for location of a Point of Interest (POI).Demo Contact Form
There is the usual form on left that searches for location and fills in input items and has a smaller map included.Then there is the demo contact form on the right with map that displays location of the restaurant (as shown below.formMapper() plugin but is not attached to any form (since you wouldn’t want change display of where you can be found.formMapper element on page is found in the contact form 7 generator itself.This particular use of the formMapper() plugin does not update map and does not have list of form inputs for the various address components. However, if you fill out form click submit (it will not send email in the demo) it will just display email content for you to view.By adding list hidden fields that each have address component names form will have the various address items inserted without being visible to the end user and will be able to be sent along with the other (visible) form elements.details (The container that should be populated with form data)
In addition to simplifing your form’s address input for your site’s visitors there are so many uses for this plugin.
Mammothology Essential Bootstrap Form Pack:
All forms come with validation examples database code to store input
Working contact form using PHP mail
Ajax payment form with verification and loading icon
Subscription billing form example
Data sorting form with example Javascript sort filter by date, number string
Address input form pricing tables example too
Unzip form pack to your root webserver folder
Create database using the included SQL file which will store all form input
For the single payment form: http://example. For the subscription payment form: http://example.
Client-side form validation with lots of options
3 different form types (vertical, horizontal, columned)
More then 30 examples
To get support please send me an email through the contact form generator on my profile page. You can find the contact form generator PHP on the right side of the page.Important note: support is offered exclusively through the HTML5 contact form and not in comments section.